<template>
    <div>
      <div class="item-title" v-for="(item,index) of list" :key="index">
        <span class="item-title-icon"></span>
        {{item.title}}
         <div class="item-children" v-if="item.children">
            <list :list="item.children"></list>     
         </div>   
      </div>
    </div>
</template>
<script>
export default {
    name:'List',
    props:{
        list:Array
    }
}
</script>
<style lang="stylus" scoped>
.item-title
  line-height .8rem;
  font-size: 0.32rem
  padding:0 .2rem;
.item-title-icon
  position relative
  left:.06rem;
  top:.06rem;
  display inline-block
  background: url(http://s.qunarzz.com/piao/image/touch/sight/detail.png) 0 -.45rem no-repeat;
  margin-right:.1rem;
  background-size:.4rem 3rem;
  left:.06rem;
  top:.06rem;
  width:.36rem;
  height:.36rem;
 
</style>

